<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>爱奇艺视频播放列表</title>
		<style>
			*{
				margin: 0;
				padding:0px;
			}
			li{
				
				font-size: 16px;
				list-style: none;
				line-height: 40px;
				color: #4D4D4D;
			}
			ul li a{
				
				text-decoration: none;
			}
			h1{
				margin-left:185px ;
				margin-top: 10px;
			}
			.box{
				
				margin-left:240px ;
			}
			.box,.box1,.box2,.box3{
				margin-top:39px ;
				float: left;
				
				
			}
			.text{
				color: #640000;
			}
		</style>
	</head>

	<body>
		<h1>热播</h1>
		<div class="box">
			<ul>
				<img src="img/img1.png" alt="" width="210" height="283" />
				<li>
					<h4>神武赵子龙</h4>
				</li>
				<li class="text">
					怒，林更新不抱网红抱女神
				</li>
				<li>
					<a href="#">点击次数：242445次</a>
				</li>
			</ul>
		</div>
		<div class="box1">
			<ul>
				<img src="img/img2.png" alt="" width="210" height="283" />
				<li>
					<h4>旋风十一人</h4>
				</li>
				<li class="text">
					胡歌变教练在撩前女友
				</li>
				<li>
					<a href="#">点击次数：342445次</a>
				</li>
			</ul>
		</div>
		<div class="box2">
			<ul>
				<img src="img/img3.png" alt="" width="210" height="283" />
				<li>
					<h4>太阳的后裔</h4>
				</li>
				<li class="text">
					宋慧乔吃嫩草
				</li>
				<li>
					<a href="#">点击次数：234445次</a>
				</li>
			</ul>
		</div>
		<div class="box3">
			<ul>
				<img src="img/img4.png" alt="" width="210" height="283" />
				<li>
					<h4>山海经之赤影传说</h4>
				</li>
				<li class="text">
					娜扎张翰再度联手
				</li>
				<li>
					<a href="#">点击次数：264445次</a>
				</li>
			</ul>
		</div>
	</body>

</html>